<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/index.css" type="text/css" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<!--[if IE 6]>
	<link href="css/ie6.css" type="text/css" rel="stylesheet" media="screen" />

    <script src="js/dd_belated_png.js"></script>
	<script>DD_belatedPNG.fix('#logo a, .h-box-1 img, .h-box-2 img, .brochure img');</script>  
<![endif]-->

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jqueryslidemenu.js"></script>
<script type="text/javascript" src="js/slideswitch.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script src="js/Liberation_Sans_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
	Cufon.replace('h1');
	Cufon.replace('h2');	
	Cufon.replace('h3');
	Cufon.replace('h4');							   	
</script>

<title>blog detail</title>
</head>

<body>
<div id="body-wrapper">
    <div class="clearfix">
        <div id="logo">
            <a href="homepage.html">Media consult logo</a>
            <p class="logo-desc">your attractive and simple slogan</p>
        </div>
        <form action="#" method="post">
            <fieldset class="search-fieldset">
                <input type="text" class="search-input" value="search" name="search" />
                <input type="submit" value="" class="input-arrow" />
            </fieldset>
        </form>
    </div>	
    
    <div class="main-menu-wrapper">
        <div id="myslidemenu" class="jqueryslidemenu">
            <ul class="primary-menu">
                <li><a href="homepage.html">Home</a></li>
                <li><a href="about_us.html">About Us</a></li>
                <li><a href="services.html">Services</a>
                	<ul>
                        <li><a href="#">Corporate Publishing</a></li>
                        <li><a href="#">Interactive &amp; Onscreen Production</a></li>	
                        <li><a href="#">Advertising</a></li>   
                        <li><a href="#">Event Management</a></li>   
                        <li><a href="#">Integrated Communications</a></li>                                                                    
                        <li><a href="#">Public Relations</a></li>                                                  
                    </ul>
                </li>
                <li><a href="#">Page Types</a>
                    <ul>
                        <li><a href="homepage.html">Index Page</a></li>
                        <li><a href="about_us.html">About Us</a></li>	
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="#">Blog - submenu entry</a>
                            <ul>
                                <li><a href="blog_itemlist.html">Blog Item List</a></li>
                                <li><a href="blog_detail.html">Blog Item Detail</a></li>
                            </ul>                
                        </li>
                        <li><a href="#">Other pages - submenu entry</a>
                            <ul>
                                <li><a href="article_detail.html">Article Detail</a></li>                    
                                <li><a href="news_list.html">News Page</a></li>                                                
                                <li><a href="services.html">Our Services</a></li>                                                                        
                                <li><a href="portfolio.html">Portfolio</a></li>                                                          
                                <li><a href="contact.php">Contact</a></li>   
                            </ul>                          
                        </li>                                         
                    </ul>
                </li>
                <li><a href="blog_itemlist.html">Blog</a></li>
                <li><a href="contact.php">Contact</a></li>
            </ul>
        </div>
    </div>

    <div id="left">

        <div class="interior-content">
        	<h2>A blog entry detail, some more text here</h2>
            <div class="blog-misc">
            	<span><a href="#">July 22th, 2009</a></span>&nbsp;&nbsp;&nbsp;&bull;&nbsp;&nbsp;
                <span><a href="#">2 comments</a></span>
            </div>
            <a rel="lightbox" title="blog detail image" href="img/blogbig_lightbox.jpg">
                <img src="img/blogbig_img.jpg" width="612" height="301" alt="" class="img-border" />
            </a>                 
            <p>
            	Ius ei eirmod disputationi, impetus mentitum has id. Quot omnis pertinacia vim in, vel sanctus invenire prodesset eu. 
                Sea an reque saepe expetenda, eos quando everti corrumpit cu.
            </p>
            <p>
				Nonumy postea vivendum his at, dicit ornatus eos ut. Mei id tantas eligendi, his vidit tritani ut. In doctus expetendis per. 
                Ex virtute contentiones intellegebat eam, ne vel graecis suscipit tractatos, mel elitr vocibus adolescens in. Feugait efficiendi 
                no eam, ea sea quis nisl eirmod, ut salutandi adolescens incorrupte pro.            
            </p>
        	<h4>New subsection here</h4>   
        	<p>
				Ne nobis impedit instructior vim. Equidem feugait argumentum eam ea, ne rebum facete blandit vis, admodum repudiandae delicatissimi 
                vis an. Eu ullum possim definitionem eos, ad vix putent dictas moderatius, ut mollis vivendo indoctum sea. Ius ei eirmod disputationi, 
                impetus mentitum has id.
            </p>
        	<p>
                Et qui oblique utroque omnesque, vix at utinam evertitur inciderint. Sea nominavi referrentur ex, eum an ludus choro. 
                No eirmod efficiendi temporibus vel, at fugit postea recusabo ius, nam fugit dicunt disputando ea.
            </p>  
            <div class="blog-share">
            	<h3>Share this article</h3>
                <ul>
                	<li><a href="#"><img src="img/digg_16.png" width="16" height="16" alt="digg" /></a></li>
                	<li><a href="#"><img src="img/delicious_16.png" width="16" height="16" alt="delicious" /></a></li>    
                	<li><a href="#"><img src="img/facebook_16.png" width="16" height="16" alt="facebook" /></a></li>
                	<li><a href="#"><img src="img/google_16.png" width="16" height="16" alt="google" /></a></li>  
                	<li><a href="#"><img src="img/linkedin_16.png" width="16" height="16" alt="linkedin" /></a></li>
                	<li><a href="#"><img src="img/myspace_16.png" width="16" height="16" alt="myspace" /></a></li>    
                	<li><a href="#"><img src="img/reddit_16.png" width="16" height="16" alt="reddit" /></a></li>
                	<li><a href="#"><img src="img/stumbleupon_16.png" width="16" height="16" alt="stumbleupon" /></a></li>                	
                    <li><a href="#"><img src="img/technorati_16.png" width="16" height="16" alt="technorati" /></a></li>
                	<li><a href="#"><img src="img/twitter_16.png" width="16" height="16" alt="twitter" /></a></li>                                
                </ul>
			</div>
            <form action="#" method="post">
            	<fieldset class="blog-comment-fieldset">
                	<h3>Leave a comment</h3>
                	<ul>
                    	<li><input type="text" id="bc-name" name="bc_name" class="bc-input" /><label for="bc-name">Name</label></li>
                    	<li><input type="text" id="bc-email" name="bc_email" class="bc-input" /><label for="bc-email">Email</label></li>     
                    	<li><input type="text" id="bc-website" name="bc_website" class="bc-input" /><label for="bc-website">Website</label></li>
						<li><textarea rows="6" cols="54" name="bc_textarea" class="bc-textarea"></textarea></li>  
                        <li><input type="submit" value="Post" name="Post" class="bc-submit" /></li>                      
                    </ul>
                </fieldset>
            </form>
		</div>
        
    </div>
    <div id="right">
    	<div class="blog-categ">
        	<h3>Categories</h3>
            <ul>
            	<li><a href="#">Web Design</a></li>
            	<li><a href="#">Photography</a></li>                
            	<li><a href="#">Wordpress Themes</a></li>                
            	<li><a href="#">News</a></li>                
            	<li><a href="#">Inspiration</a></li>                
            	<li><a href="#">Marketing and Advertising</a></li>                
            	<li><a href="#">Management</a></li>                                                                
            </ul>
        </div>
        
    	<div class="blog-categ">
        	<h3>Archives</h3>
            <ul>
            	<li><a href="#">August 2009</a></li>
            	<li><a href="#">July 2009</a></li>                
            	<li><a href="#">June 2009</a></li>                
            	<li><a href="#">May 2009</a></li>                
            	<li><a href="#">April 2009</a></li>                                            
            </ul>
        </div>
                
		<div class="flickr">
			<h3>Flickr</h3>
            <ul>
            	<li><a href="#"><img src="img/flickr1.jpg" width="90" height="90" alt="" /></a></li>
            	<li><a href="#"><img src="img/flickr2.jpg" width="90" height="90" alt="" /></a></li>
            	<li><a href="#"><img src="img/flickr3.jpg" width="90" height="90" alt="" /></a></li>    
            	<li><a href="#"><img src="img/flickr4.jpg" width="90" height="90" alt="" /></a></li>
            	<li><a href="#"><img src="img/flickr5.jpg" width="90" height="90" alt="" /></a></li>
            	<li><a href="#"><img src="img/flickr6.jpg" width="90" height="90" alt="" /></a></li>                                                
            </ul>
        </div>
        <div class="newsletter"><!-- newsletter section -->
			<h3>Sign up for Newsletter</h3>
            <form action="#" method="post">
            	<fieldset class="newsletter-fieldset">
                    <input type="text" class="newsletter-input" value="Your email address" name="newsletter" />
                    <input type="submit" value="" class="input-arrow" />
                </fieldset>
            </form>
            <p>We will keep you up to date with news, events and other great features.</p>
        </div>
    	
        <div class="brochure"><!-- brochure section -->
        	<a href="#"><img src="img/pdf_icon.png" width="43" height="53" alt="" /></a>
            <div class="brochure-title">
                <h3>Media Consult brochure</h3>
                <p class="header-desc">Download our PDF brochure</p>
            </div>            
        </div>

    </div>  
    <div id="footer">
    	<ul>
        	<li><a href="homepage.html">Home</a></li>
        	<li><a href="about_us.html">About Us</a></li>
        	<li><a href="services.html">Services</a></li>
        	<li><a href="portfolio.html">Case Studies</a></li>
        	<li><a href="news_list.html">News</a></li>
        	<li><a href="contact.php">Contact</a></li>                                                            
        </ul>
        <div class="copyright">&copy; 2009 <a href="#">Media Consult</a>. All rights reserved.</div>
    </div>  
</div>

<script type="text/javascript">
$(document).ready(function(){					   
	$(".brochure").click(function(){//makes entire area "brochure" clickable
    	window.location=$(this).find("a").attr("href");return false;
	});	
	
});
	$(function(){	
		$('#tabs').tabs();
	});	
</script>
</body>
</html>
